
*{
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
}
body{
	max-width: 12rem;
	margin: 0 auto;
}
input{
	outline: none;
	font-size: .55rem;
}
button{
	outline: none;
}
a{
	text-decoration: none;
}
.blue{
	background: #01c2fb;
}
#apply{
	margin-bottom: 1.5rem;
	background: #fff;
}
#login{
	position: relative;
}
.plane{
	width:5.05rem;
	margin:0.93rem 2.88rem;
}
.loginDiago{
	top:4.26rem;
	left:.95rem;
	width:10.13rem;
	height: 9.2rem;
	background: #fff;
	position: absolute;
	box-shadow: 0 5px 20px #0181a7;
	border-radius: 0.32rem;
}
.loginDiago nav{
	width:100%;
	height:1.3rem;
	line-height: 1.3rem;
	background: #F0F0F0;
	border-radius: 0.32rem 0.32rem 0 0;
	text-align: center;
	font-size: 0.64rem;
	color: #666;
}
.block{
	width:8.5rem;
	margin-left:.55rem;
	border-bottom: 1px solid #ccc;
	padding:0.35rem .3rem;
}
.block img{
	width:0.7rem;
	height: .9rem;
	position: relative;
    top: .2rem;
}
.block input{
	width:7rem;
	border:none;
	outline: none;
	padding-left:10px;
	font-size:.5rem;
}
input::-webkit-input-placeholder{
    color: #cacaca;
    font-size:.55rem;
}
.btnBlue{
	width:8.5rem;
	height:1.12rem;
	margin-left:.85rem;
	background: #01c2fb !important;
	color:#fff !important;
	margin-top:0.84rem;
	border-radius: 10px;
	border: none;
}
.forgot{
	text-align: center;
	font-size:.4rem;
	width:100%;
	display:block;
	margin-top:0.52rem;
	color:#01C2FB;
}

.register{
	width:11rem;
	margin-left:.55rem;
	border-bottom: 2px solid #53d6fc;
	padding:.9rem 0;
	margin-top:7rem;
}
.btnRegister{
	width:10rem;
	height: 1.8rem !important;
	background: #10b8f0 !important;
	color:#bae4f9 !important;
	margin-left:.4rem;
}

.return{
	padding:0.42rem;
	text-align: center;
	border-bottom:1px solid #ccc;
	font-size: 0.54rem;
}
.return strong{
	float: left;
	color:#01c2fb;
	font-weight: 900;
	font-size: .9rem;
	margin-top:-0.32rem;
}
.findPass{
	width:90%;
	margin:1rem auto;
}
.findPass input{
	width:100%;
	padding:.84rem 0 0.34rem 0;
	border: none;
	border-bottom: 1px solid #ccc;
}
.code{
	position: relative;
}
.code span{
	position: absolute;
	top:.84rem;
	right:0;
	font-size: .5rem;
	color:#01c2fb;
}
.code img{
	position: absolute;
	top:.84rem;
	right:0;
	font-size: .5rem;
	color:#01c2fb;
}
.findPass button{
	width:100%;
	height: 1.5rem;
	text-align: center;
	border:none;
	background: #01c2fb;
	color:#fff;
	font-size: .55rem;
	margin-top:1.5rem;
	border-radius:0.32rem;
}
.mint-button--normal{
	padding:0 0.32rem !important;
}
.service{
	text-align: center;
	font-size: .45rem;
	color:#666;
	margin-top:1rem;
}
.service a{
	color:#01C2FB;
}
.banner{
	height: 4.83rem;
}
.banner img{
	width:100%;
	height: 4.83rem;
}
.mint-swipe-indicator{
	background: #fff !important;
	opacity: .5 !important;
}
.mint-swipe-indicator.is-active{
	background: #fff !important;
	opacity: 1 !important;
}
.mint-swipe-indicators{
	bottom: 0px !important;
}
.gray{
	background: #e9e9e9;
}
.product{
	width:94%;
	background: #fff;
	padding:0.52rem 3%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top:0.22rem;
	position: relative;
}
.nameLogo{
	width:65%;
}
.nameLogo img{
	width:2.12rem;
	height: 2.12rem;
	float: left;
	margin-right:0.3rem;
}
.nameLogo h4{
	font-size:.55rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.nameLogo dd{
	font-size:.4rem;
	color:#666;
}
.nameLogo dd:nth-of-type(1){
	margin-top:0.45rem;
}
.applyNum{
	width:35%;
}
.applyNum dd{
	font-size:.45rem;
	color:#666;
	line-height: 0.77rem;
}

.applyNum dd:nth-of-type(3){
	color:#01C2FB;
}
.applyNum img{
	width:0.38rem;
	height:0.38rem;
}
.blog{
	width: 0; 
	height: 0; 
	border-top: 1.19rem solid red; 
	border-left: 1.19rem solid transparent;
	position: absolute;
	right:0;
	top:0;
}
.contentBlog{
	position: absolute;
	right:0;
	top:0.15rem;
	color: #fff;
	font-size:.3rem;
	font-weight: bold;
	transform: rotate(45deg) scale(0.8);
}
.loading{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.loading span{
	font-size:.45rem;
	margin-top:5px;
	line-height: 35px;
	color:#666;
}
.lightGray{
	color:#666 !important;
}
.enterInput{
	font-size: .45rem;
}
.enterInput input{
	width:2rem;
	border:1px solid #ccc;
	padding:0.15rem 0;
	font-size:.45rem;
	margin:0 0.2rem;
	text-align: center;
	color:#666;
}
.detailInfo{
	width:94%;
	margin:0 auto;
}
.computes{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.moneyDetail{
	width:33%;
	text-align: center;
	border-right:1px solid #ccc;
	margin-top:0.74rem;
}
.moneyDetail dd{
	font-size: .6rem;
}
.moneyDetail span{
	font-size: .45rem;
}
.borderBottom{
	border-bottom:1px solid #f0f0f0;
}
.flow{
	font-size:.55rem;
	font-weight: 500;
	margin-top:-0.48rem;
}
.flow strong{
	font-size:1rem;
	color:#666;
	position: relative;
	top:0.1rem;
}
.flow img{
	width:100%;
	margin-top:0.64rem;
}
.flow p{
	font-size:.45rem;
	color:#666;
}
.applyNow{
	width:100%;
	height:1.59rem;
	line-height: 1.59rem;
	position: fixed;
	bottom:0;
	left:0;
	background: #01C2FB;
	text-align: center;
	font-size:.6rem;
	color:#fff;
}
.serviceQQ{
	float: right;
	color:#01C2FB;
	font-size:.45rem;
	margin-top:.1rem;
}
.progressThree{
	width:80%;
	margin:1rem auto;
	font-size:.5rem;
	color:#01C2FB;
	overflow: hidden;
	position: relative;
}
.progressThree span{
	text-align: center;
	float: left;
}
.progressThree span:after{
	width:75%;
	height:1px;
	background: #01C2FB;
	content: '';
	position: absolute;
	top:0.72rem;
	left:11%;
	animation: stretchdelay 2s infinite linear;
	z-index: -1;
}
@-webkit-keyframes stretchdelay {
  0%{ width:0%; } 
  20% { width:20%; }
  50% { width:45%; }
  80% { width:60%; }
  100% { width:75%; }
}
.progressThree span:nth-of-type(1),.progressThree span:nth-of-type(2){
	margin-right:33%;
}
.progressThree span.grayColor{
	color:#666;
}
.progressThree span strong{
	font-size:1rem;
	width:0.96rem;
	height:1.1rem;
	display: block;
}
.noInfo{
	margin-top:2.29rem;
}
.noInfo p{
	text-align: center;
	font-size:.45rem;
}
.noInfo p a{
	color:#01C2FB;
}
.progressApply{
	width:80%;
	margin:1.6rem auto;
	border-left:3px solid #01C2FB;
	padding-left:0.34rem;
}
.applyStatus{
	position: relative;
    top: -0.55rem;
    left:.2rem;
}
.applyStatus span{
	color:#01C2FB;
	font-size:.45rem;
	font-weight: 600;
	position: relative;
}
.applyStatus span:before{
	content: '';
	position: absolute;
	top:0;
	left:-0.76rem;
	width:0.32rem;
	height:0.32rem;
	border-radius: 50%;
	border:2px solid #01C2FB;
	background: #fff;
}
.applyStatus span strong{
	font-size:.6rem;
	margin-right:0.22rem;
}
.applyStatus h4{
	font-size:0.5rem;
	color:#777;
}
.applyStatus p{
	color:#666;
	margin-top:0.12rem;
	font-size:0.38rem;
}
.warnInfo{
	font-size: .4rem;
	text-align: center;
	color:#666;
	padding-top:1rem;
}
.stepThree{
	width:90%;
	margin:0.74rem auto;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.stepThree span{
	text-align: center;
	font-size: .5rem;
	position: relative;
}
.stepThree span:after{
	width: 100%;
    height: 1px;
    background: #01C2FB;
    content: '';
    position: absolute;
    top: 0.48rem;
    left: 85%;
    animation: stretchdelay 2s infinite linear;
}
.stepThree span:nth-of-type(3):after{
	content: '';
	height: 0px;
}
.stepThree span strong{
	width:0.86rem;
	height:0.86rem;
	line-height: 0.86rem;
	border-radius: 50%;
	display: inline-block;
	background: #666;
	color:#fff;
}
.stepThree span strong.checkActive1{
	background: #01C2FB;
}
.stepThree span dd.checkActive2{
	color: #01C2FB;
}
.stepThree span dd{
	margin-top:0.22rem;
}

#basic,#means,#identification{
	width:96%;
	margin:0 auto;
	background: #fff;
}
.titleStep{
	background: #f6f6f6;
	font-size:.5rem;
	border-left:2px solid #ccc;
	color:#666;
	padding:0.32rem 0.56rem;
}
#apply input{
	text-align: right;
	padding-right:0.16rem;
	color:#888;
}
#apply input::-webkit-input-placeholder{
	font-size:16px;
}

#apply input:disabled{
	background: #fff;
	color:#ACA899;
}
.buttonOne{
	width:100%;
	background: #01C2FB !important;
	margin-top:0.96rem;
	font-size: 18px;
    height: 41px;
    outline: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    border-radius: 4px;
    border: 0;
    color:#fff;
}
.speical{
	font-size:.5rem;
	text-align: center;
	width: 94%;
    background: #fff;
    padding: 0.32rem 3%;
    margin-top: 0.22rem;
    position: relative;
}
.mint-field-other{
	font-size:0.47rem;
}
.mint-cell-wrapper{
	font-size:0.47rem !important;
	padding:0.22rem !important;
}
.checks{
	font-size:.35rem;
	margin-left:0.16rem;
	color:#01c2fb;
}
.attestation{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-top:1rem;
}
.twoPic{
	width:70px;
	text-align: center;
}
.twoPic span{
	font-size:.55rem;
}
embed{
	width:100%;
}
